<template>
  <div>
    <div class="pay">
      <div class="pay-content">
        <div class="pay-content-position">
          <div class="pay-content-position-left">
            <div class="pay-content-position-left-a">宗地位置:</div>
            <div class="info-content-info-form">
              <div class="info-content-info-form-1">宗地基本指标</div>
              <div class="info-content-info-form-2">
                <div class="info-content-info-form-box1">用地面积</div>
                <div class="info-content-info-form-box2"></div>
                <div class="info-content-info-form-box1">容积率</div>
                <div class="info-content-info-form-box3"></div>
              </div>
              <div class="info-content-info-form-2">
                <div class="info-content-info-form-box1">可建面积</div>
                <div class="info-content-info-form-box2"></div>
                <div class="info-content-info-form-box1">配套面积</div>
                <div class="info-content-info-form-box3"></div>
              </div>
              <div class="info-content-info-form-2">
                <div class="info-content-info-form-box1">开发商</div>
                <div class="info-content-info-form-box2"></div>
                <div class="info-content-info-form-box1">拿地时间</div>
                <div class="info-content-info-form-box3"></div>
              </div>
              <div class="info-content-info-form-1">可售面积</div>
                <div class="info-content-info-form-2">
                <div class="info-content-info-form-box1">可售面积</div>
                <div class="info-content-info-form-box2"></div>
                <div class="info-content-info-form-box1">可售住宅面积</div>
                <div class="info-content-info-form-box3"></div>
              </div>
              <div class="info-content-info-form-2">
                <div class="info-content-info-form-box1">可售商铺面积</div>
                <div class="info-content-info-form-box2"></div>
                <div class="info-content-info-form-box1">其他可售面积</div>
                <div class="info-content-info-form-box3"></div>
              </div>
                <div class="info-content-info-form-1">价格指标</div>
                <div class="info-content-info-form-2">
                <div class="info-content-info-form-box1">起拍总价/总报价</div>
                <div class="info-content-info-form-box2"></div>
                <div class="info-content-info-form-box1">预期成交总价</div>
                <div class="info-content-info-form-box3"></div>
              </div>
              <div class="info-content-info-form-2">
                <div class="info-content-info-form-box1">起拍楼面价/楼面报价</div>
                <div class="info-content-info-form-box2"></div>
                <div class="info-content-info-form-box1">预期成交楼面价</div>
                <div class="info-content-info-form-box3"></div>
              </div>
              <div class="info-content-info-form-2">
                <div class="info-content-info-form-box1">可售楼面起拍价/报价</div>
                <div class="info-content-info-form-box2"></div>
                <div class="info-content-info-form-box1">预期成交可售楼面价</div>
                <div class="info-content-info-form-box3"></div>
              </div>
            </div>
          </div>
          <div class="pay-content-position-right">
            <img class="pay-content-position-right-img" src='@/assets/img/lastest1.jpg'>
          </div>
        </div>
        <div class="pay-content-peitao">
          <div class="pay-content-peitao-title">宗地配套</div>
          <div class="pay-content-peitao-jt">
            <div class="pay-content-peitao-jt-title">交通：</div>
            <img class="pay-content-peitao-jt-img" src='@/assets/img/lastest1.jpg'>
            <div class="pay-content-peitao-jt-desc">我是配套说明哈哈哈配套说明哈哈哈配套说明哈哈哈配套说明哈哈哈配套说明哈哈哈配套说明哈哈哈配套说明哈哈哈配套说明哈哈哈配套说明哈哈哈配套说明哈哈哈哈哈</div>
          </div>
          <div class="pay-content-peitao-sf">
            <div class="pay-content-peitao-sf-title">商服：</div>
            <img class="pay-content-peitao-sf-img" src='@/assets/img/lastest1.jpg'>
            <div class="pay-content-peitao-sf-desc"></div>
          </div>
          <div class="pay-content-peitao-jy">
            <div class="pay-content-peitao-jy-title">教育：</div>
            <img class="pay-content-peitao-jy-img" src='@/assets/img/lastest1.jpg'>
            <div class="pay-content-peitao-jy-desc"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Detail'
}
</script>

<style lang="stylus" scoped>
  .pay
    width: 1440px
    height: 960px
    margin: 0 auto
    .pay-content
      width: 1320px
      height: 900px
      background: #fff
      margin: 0 auto
      .pay-content-title
        width: 1320px
        height: 40px
        line-height: 40px
        font-size: 20px
        font-weight: bold
        text-align:left
        float: left
        border-bottom: 1.5px solid #888
      .pay-content-position
        width: 1320px
        height: 400px
        border-bottom: 1px solid #888
        float: left
        .pay-content-position-left
          width: 720px
          height: 400px
          float: left
          .pay-content-position-left-a
            width: 720px
            height: 40px
            line-height: 40px
            font-size: 18px
            font-weight: bold
            border-bottom: 1px solid #888
          .info-content-info-form
            width: 720px
            height: 360px
            margin-top: 13px
            .info-content-info-form-1
              width: 700px
              height: 30px
              font-size: 18px
              font-weight: bold
              line-height: 30px
              border: 1px solid #999
              text-align: left
              background: #eee
              padding-left: 20px
            .info-content-info-form-2
              width: 720px
              height: 30px
              font-size: 18px
              line-height: 30px
              border-left: 1px solid #999
              border-right: 1px solid #999
              border-bottom: 1px solid #999
              text-align: center
              margin-top: -1px
              .info-content-info-form-box1
                width: 190px
                height: 30px
                font-size: 18px
                line-height: 30px
                text-align: center
                border-right: 1px solid #999
                float: left
                margin-top: -1px
              .info-content-info-form-box2
                width: 160px
                height: 30px
                font-size: 18px
                line-height: 30px
                margin-top: -1px
                border-right: 1px solid #999
                text-align: center
                float: left
              .info-content-info-form-box3
                width: 160px
                height: 30px
                font-size: 18px
                line-height: 30px
                text-align: center
                float: left
                margin-top: -1px
        .pay-content-position-right
          width: 590px
          height: 400px
          float: left
          margin-left: 10px
          .pay-content-position-right-img
            width: 590px
            height: 400px
    .pay-content-peitao
      width: 1320px
      height: 460px
      float: left
      .pay-content-peitao-title
        width: 1320px
        height: 40px
        font-size: 18px
        font-weight: bold
        line-height: 40px
        float: left
      .pay-content-peitao-jt
        width: 430px
        height: 415px
        float: left
        .pay-content-peitao-jt-title
          width: 430px
          height: 40px
          font-size: 16px
          font-weight: bold
          line-height: 40px
          float: left
        .pay-content-peitao-jt-img
          width: 430px
          height: 237px
          float: left
        .pay-content-peitao-jt-desc
          width: 430px
          height: 140px
          font-size: 16px
          line-height: 30px
          float: left
      .pay-content-peitao-sf
        width: 430px
        height: 415px
        float: left
        margin-left: 15px
        margin-right: 15px
        .pay-content-peitao-sf-title
          width: 430px
          height: 40px
          font-size: 16px
          font-weight: bold
          line-height: 40px
          float: left
        .pay-content-peitao-sf-img
          width: 430px
          height: 240px
          float: left
        .pay-content-peitao-sf-idesc
          width: 430px
          height: 140px
          line-height: 30px
          float: left
      .pay-content-peitao-jy
        width: 430px
        height: 415px
        float: left
        .pay-content-peitao-jy-title
          width: 430px
          height: 40px
          font-size: 16px
          font-weight: bold
          line-height: 40px
          float: left
        .pay-content-peitao-jy-img
          width: 430px
          height: 237px
          float: left
        .pay-content-peitao-jy-desc
          width: 430px
          height: 140px
          font-size: 16px
          line-height: 30px
          float: left
</style>
